<template>
    <div class="siderbar-wrapper">
        <div class="frame-logo">
            <router-link to="/">Cloud Whale</router-link>
        </div>
        <div v-bar="{
            preventParentScroll:true
        }" class="siderbar-menu-wrapper">
            <el-menu default-active="1" :router="true" class="siderbar-menu">
                <el-menu-item-group>
                    <template slot="title">常用</template>
                    <el-menu-item index="1">
                        <i class="el-icon-menu"></i>
                        <span slot="title">工作台</span>
                    </el-menu-item>
                    <el-menu-item index="2" route="/posts/edit/add">
                        <i class="el-icon-menu"></i>
                        <span slot="title">发布文章</span>
                    </el-menu-item>
                </el-menu-item-group>
                <el-menu-item-group>
                    <template slot="title">内容管理</template>
                    <el-menu-item index="3" route="/posts">
                        <i class="el-icon-menu"></i>
                        <span slot="title">文档管理</span>
                    </el-menu-item>
                    <el-menu-item index="4">
                        <i class="el-icon-menu"></i>
                        <span slot="title">图片管理</span>
                    </el-menu-item>
                    <el-menu-item index="5">
                        <i class="el-icon-menu"></i>
                        <span slot="title">留言管理</span>
                    </el-menu-item>
                    <el-menu-item index="6">
                        <i class="el-icon-menu"></i>
                        <span slot="title">下载管理</span>
                    </el-menu-item>
                    <el-menu-item index="7">
                        <i class="el-icon-menu"></i>
                        <span slot="title">客户说</span>
                    </el-menu-item>
                </el-menu-item-group>
                <el-menu-item-group>
                    <template slot="title">系统管理</template>
                    <el-menu-item index="8">
                        <i class="el-icon-menu"></i>
                        <span slot="title">用户管理</span>
                    </el-menu-item>
                    <el-menu-item index="9" route="/category">
                        <i class="el-icon-menu"></i>
                        <span slot="title">栏目管理</span>
                    </el-menu-item>
                    <el-menu-item index="10">
                        <i class="el-icon-menu"></i>
                        <span slot="title">网站参数</span>
                    </el-menu-item>
                    <el-menu-item index="11">
                        <i class="el-icon-menu"></i>
                        <span slot="title">友情链接</span>
                    </el-menu-item>
                </el-menu-item-group>
            </el-menu>
        </div>
    </div>
</template>
<script>
import Vue from 'vue';
import Vuebar from 'vuebar';

Vue.use(Vuebar);

export default {
    name: 'asider'
};
</script>
<style lang="scss" src="./index.scss"></style>